<!--
 * @FileDescription 应用界面
 * @Author 杨宇翔
 * @Date 20220530 16:30:59
 * @LastEditors 杨宇翔
 * @LastEditTime 20220530 16:30:59
-->
<template>
    <div class="fullscreen bg-transparent">
        <tooltip v-show="ObjectInformationComponent.Default.Visibility.value && MMWRComponent.Default.showTip.value" v-for="[instanceId, information] of TooltipComponent.Default.Informations"
            :key="`${instanceId} - ${information.Version}`" :Tooltip="information">
        </tooltip>
        
        <use-sidebar>
            <use-basic />
            <use-object-information />
            <use-radar />
            <use-input />
        </use-sidebar>

        <LidarNav />
        <LidarHeader />

        <router-view />
    </div>
</template>

<script setup lang="ts">
import Tooltip from './Tooltip.vue';
import TooltipComponent from '@runtime/UnityEngineBridge/TooltipComponent';
import { onMounted, onUnmounted } from 'vue';
import LidarHeader from './MMWRHeader.vue';
import LidarNav from './MMWRNav.vue';
import { UsageComponent, ObjectInformationComponent } from './MMWRComponent';
import MMWRComponent from './MMWRComponent'
import UseBasic from './UseBasic.vue';
import UseInput from './UseInput.vue';
import UseObjectInformation from './UseObjectInformation.vue';
import UseRadar from './UseRadar.vue';
import UseSidebar from './UseSidebar.vue';

onMounted(() => UsageComponent.Default.Awake());
onUnmounted(() => UsageComponent.Default.Destroy());
</script>

<style scoped>
</style>